<!doctype html>
<html>
<head>

<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Cache-Control" content="no-store" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<title>designer</title>

<!--[if lt IE 9]>
    <script type="text/javascript">
	//alert('您使用的浏览器版本太低，请使用IE9+，或者FireFox，Chrome浏览。');
	</script>
    <![endif]-->

<link rel="shortcut icon" type="image/x-icon" href="/lemon/favicon.ico" />
<!-- bootstrap -->
<link rel='stylesheet'
	href='../../../../static/oa/s/bootstrap/3.3.6/css/bootstrap.min.css'
	type='text/css' media='screen' />
<style type="text/css">
.navbar-search .search-query {
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.navbar .navbar-search .search-query {
	border-radius: 15px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 0
		rgba(255, 255, 255, 0.15);
	color: gray;
	transition: width 0.3s ease 0s;
	width: 100px;
}

.navbar .navbar-search .search-query:focus {
	transition: width 0.3s ease 0s;
	width: 200px;
}
</style>

<!-- html5 -->
<!--[if lt IE 9]>
	<script src="../../../../static/oa/s/respond/1.4.2/respond.min.js"></script>
    <script type="text/javascript" src="../../../../static/oa/s/html5/html5shiv.js"></script>
    <![endif]-->

<!-- jquery -->
<script type='text/javascript'
	src='../../../../static/oa/s/jquery/1.11.3/jquery.min.js'></script>
<script type="text/javascript"
	src="../../../../static/oa/s/jquery/jquery-migrate-1.2.1.min.js"></script>
<!-- bootstrap -->
<script type='text/javascript'
	src='../../../../static/oa/s/bootstrap/3.3.6/js/bootstrap.min.js'></script>

<!-- message -->
<script type="text/javascript"
	src="../../../../static/oa/s/jquery-sliding-message/jquery.slidingmessage.min.js"></script>
<script type="text/javascript" src="../../../../static/oa/s/mossle/js/table.js"></script>

<!-- table and pager -->
<script type="text/javascript"
	src="../../../../static/oa/s/pagination/pagination.js"></script>
<script type="text/javascript" src="../../../../static/oa/s/table/table.js"></script>
<script type="text/javascript" src="../../../../static/oa/s/table/messages_zh_CN.js"></script>

<!-- validater -->
<script type="text/javascript"
	src="../../../../static/oa/s/jquery-validation/jquery.validate.min.js"></script>
<script type="text/javascript"
	src="../../../../static/oa/s/jquery-validation/additional-methods.min.js"></script>
<script type="text/javascript"
	src="../../../../static/oa/s/jquery-validation/localization/messages_zh_CN.js"></script>
<link type="text/css" rel="stylesheet"
	href="../../../../static/oa/s/jquery-validation/jquery.validate.css" />

<!-- datepicker -->
<link type="text/css" rel="stylesheet"
	href="../../../../static/oa/s/bootstrap-datepicker/datepicker.css">
<script type="text/javascript"
	src="../../../../static/oa/s/bootstrap-datepicker/bootstrap-datepicker.js"></script>
<script type="text/javascript"
	src="../../../../static/oa/s/bootstrap-datepicker/locales/bootstrap-datepicker.zh_CN.js"></script>
<link href="../../../../static/oa/s/bootstrap-datetimepicker/css/datetimepicker.css"
	rel="stylesheet">
<script type="text/javascript"
	src="../../../../static/oa/s/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js"></script>
<script type="text/javascript"
	src="../../../../static/oa/s/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh_CN.js"></script>

<!-- tree -->
<link rel="stylesheet"
	href="../../../../static/oa/s/ztree/zTreeStyle/zTreeStyle.css" type="text/css" />
<script type="text/javascript"
	src="../../../../static/oa/s/ztree/jquery.ztree.all-3.5.min.js"></script>

<!-- ckeditor -->
<script type="text/javascript" src="../../../../static/oa/s/ckeditor/ckeditor.js"></script>
<script type="text/javascript" src="../../../../static/oa/s/ckfinder/ckfinder.js"></script>

<!-- tablednd -->
<script type="text/javascript"
	src="../../../../static/oa/s/jquery-tablednd/jquery.tablednd.min.js"></script>

<style type="text/css">
#accordion .panel-heading {
	cursor: pointer;
}

#accordion .panel-body {
	padding: 0px;
}
</style>
<script type="text/javascript">
	$(function()
    {
	    $.showMessage($('#m-success-message').html(), {
	        position : 'top',
	        size : '55',
	        fontSize : '20px'
	    });

	    $('.datepicker').datepicker({
	        language : 'zh_CN',
	        format : 'yyyy-mm-dd',
	        autoclose : true
	    });

	    $('.datetimepicker').datetimepicker({
	        language : 'zh_CN',
	        format : "yyyy-mm-dd hh:ii",
	        autoclose : true,
	        todayBtn : true,
	        pickerPosition : "bottom-left"
	    });

	    function widgetToggleContent()
	    {
		    var self = $(this);
		    self.toggleClass('glyphicon-chevron-up');
		    self.toggleClass('glyphicon-chevron-down');
		    var widget = self.parents('.panel');
		    var content = widget.find('.panel-body');
		    content.toggle(200);
	    }

	    $(document).delegate('.panel .panel-heading .ctrl .glyphicon-chevron-up', 'click', widgetToggleContent);
	    $(document).delegate('.panel .panel-heading .ctrl .glyphicon-chevron-down', 'click', widgetToggleContent);
    });
</script>

<link href="../../../../static/oa/widgets/xform3/styles/xform.css" rel="stylesheet">
<script type="text/javascript"
	src="../../../../static/oa/widgets/xform3/xform-packed.js"></script>
<script type="text/javascript" src="../../../../static/oa/widgets/xform3/adaptor.js"></script>
</head>

<body>
	<div class="row-fluid">

		<style type="text/css">
#accordion .panel-heading {
	cursor: pointer;
}

#accordion .panel-body {
	padding: 0px;
}

.xf-pallete {
	border: dotted 2px gray;
	width: 45%;
	margin: 5px;
	padding: 5px;
	padding-left: 10px;
	text-align: left;
	background-color: #F8F8F8;
	float: left;
}

.xf-pallete img {
	float: right;
}

.xf-table td {
	height: 45px;
}

.tab-pane {
	margin-right: 20px;
}
</style>
	<!-- start of main -->
	<section id="m-main" class="col-md-12" style="padding-top:50px;">

		<div id="__gef_container__" style="padding-left:5px;">
			<div id="__gef_palette__" style="float:left;width:260px;">
				<ul class="nav nav-tabs" id="myTab">
					<li class="active"><a href="#operation" data-toggle="tab">控件</a></li>
					<li><a href="#form" data-toggle="tab">控件属性</a></li>
					<li><a href="#prop" data-toggle="tab">表单属性</a></li>
				</ul>
				<div class="tab-content">
					<div class="tab-pane active" id="operation">
						<div>
							<div class="xf-pallete" title="label">
								<img src="../../../../static/oa/widgets/xform3/images/xform/new_label.png">
								Label
							</div>
							<div class="xf-pallete" title="textfield">
								<img src="../../../../static/oa/widgets/xform3/images/xform/new_input.png">
								TextField
							</div>
							<div class="xf-pallete" title="password">
								<img src="../../../../static/oa/widgets/xform3/images/xform/new_secret.png">
								Password
							</div>
							<div class="xf-pallete" title="textarea">
								<img
									src="../../../../static/oa/widgets/xform3/images/xform/new_textarea.png">
								Textarea
							</div>
							<div class="xf-pallete" title="select">
								<img src="../../../../static/oa/widgets/xform3/images/xform/new_select.png">
								Select
							</div>
							<div class="xf-pallete" title="radio">
								<img src="../../../../static/oa/widgets/xform3/images/xform/new_item.png">
								Radio
							</div>
							<div class="xf-pallete" title="checkbox">
								<img
									src="../../../../static/oa/widgets/xform3/images/xform/new_itemset.png">
								Checkbox
							</div>
							<div class="xf-pallete" title="fileupload">
								<img src="../../../../static/oa/widgets/xform3/images/xform/new_upload.png">
								Fileupload
							</div>
							<div class="xf-pallete" title="datepicker">
								<img src="../../../../static/oa/widgets/xform3/images/xform/new_range.png">
								Datepicker
							</div>
							<div class="xf-pallete" title="userpicker">
								<img src="../../../../static/oa/widgets/xform3/images/xform/userpicker.png">
								Userpicker
							</div>
						</div>
					</div>
					<div class="tab-pane" id="form">
						<div class="popover" style="display:block;position:relative;">
							<h3 class="popover-title">title</h3>
							<div class="popover-content">
								<div id="xf-form-attribute" class="controls"></div>
							</div>
						</div>
					</div>
					<div class="tab-pane" id="prop">
						<div class="popover" style="display:block;position:relative;">
							<h3 class="popover-title">属性</h3>
							<div class="popover-content">
								<div id="xf-form-attribute" class="controls">
									<label> 名称 <input id="xFormName" type="text">
									</label> <label> 标识 <input id="xFormCode" type="text">
									</label>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="__gef_center__">
				<div id="__gef_toolbar__">
					<div style="width:50px;float:left;">&nbsp;</div>
					<div class="btn-group">
						<button class="btn btn-default" onclick="doSave()">保存</button>
						<button class="btn btn-default" onclick="xform.addRow()">增加行</button>
						<button class="btn btn-default" onclick="xform.removeRow()">删除行</button>
						<button class="btn btn-default" onclick="doChangeMode(this)">切换成编辑模式</button>
						<button class="btn btn-default" id="mergeCell"
							onclick="doMerge()" style="display:none;">合并单元格</button>
						<button class="btn btn-default" id="splitCell"
							onclick="doSplit()" style="display:none;">拆分单元格</button>
					</div>
				</div>


				<div id="__gef_canvas__" style="overflow:auto;">
					<div id="xf-center" class="xf-center" unselectable="on">
						<div id="xf-layer-form" class="xf-layer-form">
							<form id="xf-form" action="#" method="post" class="controls">
							</form>
						</div>
						<div id="xf-layer-mask" class="xf-layer-mask"></div>
					</div>
				</div>
			</div>

		</div>
	</div>
	<!-- end of main -->
	</div>
	<script type="text/javascript">
	function test1212()
	{
		return $("#__gef_id__").val();
	}
	</script>
	<form id="f" action="../../../../formTemplate.do?savetFormTemplate" method="post">
		<input id="__gef_id__" name="id" value="1">
		<input id="__gef_name__" name="name" value="2"> 
		<input id="__gef_code__" name="code" value="3">
		<textarea id="__gef_content__" name="content"></textarea>
	</form>
	</div>
</body>

</html>
